@charset "utf-8";
/*top*/
.egc-top{width:100%; background:#333;}
.egc-top .nav-cent{height:35px; width:1068px; margin:0 auto;}
.egc-top .nav-cent .top-r{float:right; line-height:35px; color:#b0b0b0;}
.egc-top .nav-cent .top-r a{line-height:35px; color:#fff;}
.egc-top .nav-cent .top-l{line-height:35px; color:#b0b0b0;}

/*导航*/
.navigation-mb{display:none; width:100%; height:60px; background:#fff;}
.navigation-mb .menu-mb{margin-left:10px; float:left;}
.navigation-mb .search-mb{margin-right:10px;}
.navigation-mb .menu-mb a,.navigation-mb .search-mb a{color:#0074b2;}
.navigation-mb .menu-mb a i,.navigation-mb .search-mb i{line-height:60px; }
.navigation-mb .menu-mb a:hover,.navigation-mb .search-mb a:hover{color:#ee7800;}
.navigation-mb .logo{margin:0 auto; width:90px; height:30px; padding:18px 0 12px 0;}
.navigation-mb .logo a{display:block; width:90px; height:30px; background-image:url(/images/web-logo.png); background-repeat:no-repeat; background-size:90px 30px;}
.navigation-mb .search-mb{float:right;}

.navigation{width:100%; background:#fff; padding:20px 0; z-index:1000; border-bottom:1px solid #f5f5f5;}
.navigation .nav-cent{width:1068px; margin:0 auto; height:60px; position:relative;}
.navigation .nav-cent ul{zoom:1; overflow:hidden;}
.navigation .nav-cent li{ padding:0 20px; float:left;}
.navigation .nav-cent li.sea{float:right; padding:0;}
.navigation .nav-cent li a{color:#333; font-size:16px; height:60px; line-height:60px; display:block;}
.navigation .nav-cent a:hover{color:#0074b2;}
.navigation .nav-cent li.logo{padding:0;}
.navigation .nav-cent li.logo a{background:url(/images/web-logo.png) 0 10px no-repeat; width:120px; font-size:0; text-indent:-1000px; margin-right:100px;}
.egc-top .nav-cent .operate{ position:absolute; right:70px; top:6px; width:95px; text-align:center; background:#424242; font-size:12px; color:#b0b0b0; line-height:23px; padding:0; cursor:pointer; font-size:12px; z-index:10000;}
.egc-top .nav-cent .operate i{margin-left:5px;}
.egc-top .nav-cent .operate a{background:#424242; color:#b0b0b0; font-size:12px; line-height:24px; display:block;}
.egc-top .nav-cent .operate .sec-version{display:none;}
.egc-top .nav-cent .operate a:hover{background:#333;}
.egc-top .nav-cent .operate.reg{width:60px; right:0;}


/*搜索框*/
.navigation .egc-sea-box{margin:10px 0; zoom:1; overflow:hidden; position:relative;}
.egc-sea-box .sea-ipt-txt{height:20px; padding:10px; font-size:12px; color:#888; width:250px;  border:1px solid #ee7800; outline:none;}
.egc-sea-box .search-btn{width:40px; height:40px; display:block; border-left:1px solid #ee7800; line-height:40px; position:absolute; right:1px; top:1px;} 
.egc-sea-box .search-btn i.sousuo{position:absolute; left:7px; top:7px; width:25px; height:25px; background-image:url(/images/iconfont-sousuo.png); background-repeat:no-repeat; background-position:0 0;}
.egc-sea-box .search-btn:hover { background-color:#ee7800;}
.egc-sea-box .search-btn.on{border-color:#008ad8;}
.egc-sea-box .search-btn.on:hover{background-color:#008ad8;}
.egc-sea-box .search-btn:hover i.sousuo{background-position:0 -25px;}
.egc-sea-box .sea-ipt-txt.on{border-color:#008ad8;}

.navigation-mb .egc-search{width:100%; background:rgba(0,0,0,.7); overflow:hidden; z-index:9; display:none;}
.egc-search .search-box{height:20px; margin:5px 50px 5px 10px; padding:10px 50px 10px 10px; background:#fff; position:relative;}
.egc-search .search-box input{width:50%;height:20px;padding:0;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle; outline:none;}
.egc-search .search-box button{width:90px;height:40px;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out; position:absolute; right:50px; top:0;}
.egc-search .search-box button:hover{background:#0074b2;}
.egc-search .sea-close{position:absolute; right:0; top:0; display:block;  width:50px; height:40px; background:rgba(0,0,0,.7);}
.egc-search .search-box a.close{color:#eee; display:block;cursor:pointer; text-align:center; width:32px; height:32px; margin:4px 0 0 14px;}
.egc-search .search-box a.close i{line-height:40px;}
.egc-search .search-box a.close:hover{ color:#3DBDC3;}

.navigation-mb-list{position:fixed; left:0; top:0; z-index:20000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
.navigation-mb-list .listcon{margin:0; padding:20px;}
.navigation-mb-list .listcon ul li{}
.navigation-mb-list .listcon ul li a{font-size:14px; color:#fff; display:block; padding:15px; border-bottom:1px solid #888; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.navigation-mb-list .listcon ul li a:hover{color:#FF0; background:rgba(0,0,0,.4) ;}
.navigation-mb-list .list-close-btn{font-size:0; color:#fff; width:32px; height:32px;  margin:30px auto 0 auto; display:block;}
.navigation-mb-list .list-close-btn img,.egc-search .search-box a.close img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ 
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
} 
.navigation-mb-list .list-close-btn img:hover,.egc-search .search-box a.close img:hover{ 
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); 
}

/*搜索2*/
.stress-search-box{padding:20px 0; width:100%; background:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:1000; display:none;}
.stress-search{margin:0 auto; height:42px; width:600px;}
.stress-search-con{zoom:1; overflow:hidden;}
.stress-search .sea-ipt-txt-stress{height:22px; padding:10px; background:#fff; border:0; outline:none; width:480px; float:left; line-height:22px; font-size:14px; color:#333;}
.stress-search .sea-ipt-btn-stress{height:42px;  width:100px; border:0; outline:none;float:left; color:#fff; background:#0075b3; outline:none; cursor:pointer; font-size:16px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.stress-search .sea-ipt-btn-stress:hover{background:#09C;}

.stress-search-box .stress-close{float:right; width:32px; height:32px; margin:5px 20px 0 0;}
.stress-search-box .stress-close a{width:32px; height:32px; display:block; outline:nonel; background:url(/images/icon-close-sear.png) no-repeat; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.stress-search-box .stress-close a:hover{background-position:0 -32px;}


/*首页轮播大图*/
.flexslider{position:relative;height:670px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:670px; background-size:cover;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:11px;margin:1px;overflow:hidden;filter:alpha(opacity=50);opacity:0.5; font-size:0; background:#000;}
.flex-control-nav .flex-active{background:#0075b3;}
.flex-direction-nav{ display:none;position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10; background:url(/images/ico_sliding.png) no-repeat;}
.flex-direction-nav li a.flex-prev{left:30px;background-position:0 0;}
.flex-direction-nav li a.flex-prev:hover{background-position:0 -144px;}
.flex-direction-nav li a.flex-next{right:30px;background-position:0 -72px;}
.flex-direction-nav li a.flex-next:hover{background-position:0 -216px;}
.index_focus_info{position:absolute;left:0; top:20%;width:100%; text-align:center;}


/*present*/
.present{margin:1px 0; width:100%;}
.present ul{zoom:1; overflow:hidden;}
.present li .pre{margin:1px; height:200px; display:block;text-align:center; overflow:hidden;}
.present li{position: relative;z-index: 1;min-height: 2px;margin: 0;padding: 0;float: left;width: 25%;}
.present li .pre{background-size: 640px 200px; background-position: center center;}
.present .pre-img1{background:url(/images/pro1.jpg) no-repeat;}
.present .pre-img2{background:url(/images/pro2.jpg) no-repeat;}
.present .pre-img3{background:url(/images/pro3.jpg) no-repeat;}
.present .pre-img4{background:url(/images/pro4.jpg) no-repeat;}
.present li h1{color:#333; font-size:20px; margin-top:145px; font-weight:normal; line-height:20px;}
.present li p{color:#666; font-size:14px;}


/*foot*/
.ftWrap{width:100%; background:#fff; padding:30px 0 20px 0;border-top:1px solid #f5f5f5;}
.foot{width:1068px; margin:10px auto;}
.foot .relate{zoom:1; overflow:hidden; margin:0;}
.foot .items{width:15%; float:left;}
.foot .items.last{width:25%; zoom:1; overflow:hidden;}
.foot .items .tit{color:#333; padding:0 0 15px 0; font-size:14px; zoom:1; overflow:hidden;}
.foot .items .tit i{float:right; margin-right:20px; font-size:14px; display:none;}
.foot .items .con{padding:0 0 10px 0;}
.foot .items .con a{display:block; color:#666; padding:10px 0 0 0;}
.foot .items .con a:hover{color:#0075b3;}
.foot .items .tel{text-align:center; margin:0; position:relative; border-left:1px solid #ddd; padding-left:30px; height:126px;}
.foot .items .tel h1{font-size:20px; font-weight:normal; padding:0 0 5px 0; color:#ee7800; font-family:Arial; min-width:128px;}
.foot .items .tel p{color:#666;}
.foot .items .tel a{border:1px solid #ee7800; background:#fff; display:block; width:93px; height:28px; padding-left:25px; text-align:center; margin:15px auto auto auto; font-size:12px; line-height:28px; color:#ee7800; position:relative;}
.foot .items .tel a i.kf-icon{position:absolute; left:15px; top:5px; width:23px; height:18px; background:url(/images/mb-kf-icon.png) 0 0 no-repeat; }
.foot .items .tel a:hover{color:#F30; background:#ee7800; color:#fff; transition:background-color 0.5s ease;}
.foot .items .tel a:hover i.kf-icon{background-position:0 -18px;}

.tel-mb{width:100%; margin:10px 0; display:none; zoom:1; overflow:hidden;}
.tel-mb span{color:#ee7800; float:left; padding:0 5px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.tel-mb p{color:#; float:left; line-height:30px; margin-right:20px;}
.tel-mb a{float:right;border:1px solid #ee7800; background:#fff; display:block; width:93px; height:28px; padding-left:25px; text-align:center; font-size:12px; line-height:28px; color:#ee7800; position:relative;}
.tel-mb a i.kf-icon{position:absolute; left:15px; top:5px; width:23px; height:18px; background:url(/images/mb-kf-icon.png) 0 0 no-repeat; }
.tel-mb a:hover{color:#F30; background:#ee7800; color:#fff; transition:background-color 0.5s ease;}
.tel-mb a:hover i.kf-icon{background-position:0 -18px;}



.copyright {margin:20px 0; width:100%; background:#fafafa;}
.copyright .cent{width:1068px; margin:0 auto; padding:20px 0;  zoom:1; overflow:hidden; }
.copyright .copy-txt{float:left; padding-left:66px; background:url(/images/logo2.png) no-repeat;}
.copyright .copy-txt p{color:#999; line-height:14px;}
.copyright .copy-img{float:right;}
.copyright .copy-img a{margin-right:20px;}
.copyright .copy-txt .copy-menu a{color:#666; position:relative; padding:0 9px 0 10px; line-height:22px;}
.copyright .copy-txt .copy-menu a:first-child{padding:0 9px 0 0;}
.copyright .copy-txt .copy-menu a:after{width:1px; height:12px; background:#b0b0b0; position:absolute; left:0; top:3px; content:"";}
.copyright .copy-txt .copy-menu a:first-child:after{display:none;}
.copyright .copy-txt .copy-menu a:hover{color:#0074b2;}


.friendlinks {margin:5px 0; width:100%; background:#fff;}
.friendlinks .cent{width:1068px; margin:0 auto; padding:5px 0;  zoom:1; overflow:hidden; }
.friendlinks .copy-txt{float:left; padding-left:0px;}
.friendlinks .copy-txt p{color:#999; line-height:14px;}
.friendlinks .copy-txt .copy-menu a{color:#666; position:relative; padding:0 9px 0 10px; line-height:22px;}
.friendlinks .copy-txt .copy-menu a:first-child{padding:0 9px 0 0;}
.friendlinks .copy-txt .copy-menu a:after{width:1px; height:12px; background:#b0b0b0; position:absolute; left:0; top:3px; content:"";}
.friendlinks .copy-txt .copy-menu a:first-child:after{display:none;}
.friendlinks .copy-txt .copy-menu a:hover{color:#0074b2;}


.view{width:1068px; margin:0px auto;font-size:14px}
.view img{max-width:100%; }


@media only screen and (max-width:1068px){
.navigation-mb{display:none;}
.foot{width:100%; padding:0;}
.present li{width:50%;}
.quickRegister{width:100%;}
.bannerbox,.bannerbox ul li{height:500px;}
.containt-div{width:100%; height:500px;}
.navigation .nav-cent li{ padding:0 10px;}
.navigation .nav-cent{width:100%;}
.copyright .cent{width:100%; padding:0;}
.friendlinks .cent{width:100%; padding:0;}
.egc-top .nav-cent{width:100%;}

.foot .cent{padding:0 10px;}
.copyright .copy-txt{ margin-left:10px;}
.navigation{ padding:0;}
.navigation .nav-cent li{ padding:0 10px; float:left;}
.navigation .nav-cent li a{color:#333; font-size:14px; line-height:60px; display:block;}
.navigation .nav-cent a:hover{color:#0074b2;}
.navigation .nav-cent li.logo{padding:0;}
.navigation .nav-cent li.logo a{background:url(/images/web-logo.png) 0 15px no-repeat; background-size:90px 30px; width:90px; margin-right:50px;}

.navigation .egc-sea-box{margin:15px 0;}
.egc-sea-box .sea-ipt-txt{height:14px; padding:8px; width:200px;}
.egc-sea-box .search-btn{width:30px; height:30px; line-height:30px;} 
.egc-sea-box .search-btn i.sousuo{left:2px; top:3px; width:25px; height:25px;}

}

@media only screen and (max-width:735px){


.navigation-mb{display:block;}
.navigation{display:none;}
.foot .cent{padding:0 10px;}
.present li{width:100%;}

.stress-search{margin:0 auto; height:42px; width:360px;}
.stress-search .sea-ipt-txt-stress{width:200px;}
.stress-search .sea-ipt-btn-stress{width:60px;}

.bannerbox,.bannerbox ul li{height:300px;}
.containt-div{width:100%; height:400px;}

.foot{width:100%;}
.foot .items{width:100%; float:none;}
.foot .items.last{width:100%; float:none;}
.foot .items .tit{color:#333; padding:10px 0; border-bottom:1px solid #ddd; cursor:pointer;}
.foot .items .con{border-bottom:1px solid #ddd; padding:5px 0 15px 5px; display:none;}
.foot .items .tel{padding:10px 0; overflow:hidden; zoom:1; width:100%;}
.foot .items .tel h1,.foot .items .tel p,.foot .items .tel a{float:left; margin:0 10px 0 0;}
.foot .items .tel h1{ padding:0; font-size:16px; line-height:22px;}
.foot .items .tel p{padding: 0;  line-height:22px;}
.foot .items .tit i{display:block;}
.foot .items .tel{display:none;}
.tel-mb a{float:left;}
.copyright .cent{width:100%; padding:10px 0;}
.egc-top .nav-cent{width:100%;}
.copyright .copy-txt{float:none;font-size:10px }
.copyright .copy-img{float:none; margin:20px 0 0 0;}

.tel-mb{display:block;}

.view{width:100%; margin:0px auto;font-size:14px}

.view img{max-width:100%; }

}